<template>
  <input-angle style="z-index: 6">
    <a-select ref="select" style="width: 100%" :placeholder="placeholder">
      <a-select-option v-for="(item, index) in list" :key="index" :value="item.value">{{
        item.label
      }}</a-select-option>
    </a-select>
  </input-angle>
</template>
<script>
  import { defineComponent, reactive, toRefs } from 'vue';
  import inputAngle from '@/views/basic/components/inputAngle.vue';
  export default defineComponent({
    components: { inputAngle },
    props: {
      placeholder: {
        type: String,
        default: '请选择',
      },
      list: {
        type: Array,
        default: () => [],
      },
    },
    setup() {
      const state = reactive({});
      return {
        ...toRefs(state),
      };
    },
  });
</script>
<style lang="less" scoped>
  :deep .ant-select:not(.ant-select-customize-input) .ant-select-selector {
    background-color: #ffffff00;
    border-color: #ffffff00;
    border: none;
  }

  .el-range-separator {
    color: #ffffffff;
  }
  :deep .ant-select-selection-item {
    color: white;
  }
</style>
